<template>
  <edu-preview
    :x-uri="xUri"
    :x-tabs="xTabs"
    :save-key="saveKey"
    save-field-name="color"
    preview-type="themes"
    :select-datas="colors"
    type="color"
    title="配色方案"
    default-value="haiyanglan"
  />
</template>

<script>
import EduPreview from '@/pages/system/config/preview.vue';
export default {
  components: {
    EduPreview
  },
  data() {
    return {
      xUri: '/admin/site/theme/color',
      saveKey: 'site.theme.color',
      colors: [
        { title: 'haiyanglan', value: '#5191FF' },
        { title: 'shenhailan', value: '#2C5DFF' },
        { title: 'tiankonglan', value: '#43C7F9' },
        { title: 'shiliuhong', value: '#EC0000' },
        { title: 'shanchahong', value: '#FA648D' },
        { title: 'zhulv', value: '#00AD82' },
        { title: 'caolv', value: '#19C349' },
        { title: 'bohelv', value: '#00D3B5' },
        { title: 'nanguacheng', value: '#FF7C03' },
        { title: 'zise', value: '#6665FF' }
      ],
      xTabs: [
        {
          title: '主题色配置',
          uri: '/site/theme/color',
          meta: {
            permission: 'site.theme.color'
          }
        }
      ]
    };
  }
};
</script>
